import './style.css'
import javascriptLogo from './javascript.svg'
import { setupCounter } from './counter.js'
// 项目初始话时选择 vanilla 的vite项目是没有集成热更新的 修改一些浏览器会刷新  则使用hmr

export function render() {
  document.querySelector('#app').innerHTML = `
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
      <img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
    </a>
    <h1>Hello Vite!!!</h1>
    <div class="card">
      <button id="counter" type="button"></button>
    </div>
    <p class="read-the-docs">
      Click on the Vite logo to learn more
    </p>
  </div>
`
  setupCounter(document.querySelector('#counter'))
}
render()

// if判断是为了让build之后的代码 hot是undefined 即就不用走热更新了
if (import.meta.hot) {
  import.meta.hot.accept(newModule => {
    // ! 这里的newModule是上面export 出来的
    newModule.render()
  })
}
